<template>
  <div>
    <v-card title="南丁格尔玫瑰图（半径模式）" class="mb-50">
      <vcu-chart-pie :data="chartData" :settings="settings" />
    </v-card>

    <v-card title="南丁格尔玫瑰图（面积模式）">
      <vcu-chart-pie :data="chartData" :settings="settingsForArea" />
    </v-card>
  </div>
</template>

<script>
export default {
  name: 'rose',
  data() {
    return {
      chartData: {
        dimensions: {
          name: '渠道',
          data: ['APP', 'PC', 'M端', '微信', '手Q', '小程序'],
        },
        measures: [
          {
            name: 'PV',
            data: [40000, 27800, 22000, 20200, 15600, 13600],
          },
        ],
      },
      settings: {
        roseType: 'radius',
        radius: [30, 110],
      },
      settingsForArea: {
        roseType: 'area',
        radius: [30, 110],
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
